<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			p{
				color: red;
			}
			div{
				color: red;
				font-size: 80px;
			}
			div{
				color: green;
			}
			
		</style>
	</head>
	<body>
		<p style="color: orange;">我是段落</p>
		
		<div>我是div</div>
	</body>
</html>
<!-- 
当内部样式和行内样式同时修饰一个对象，且样式冲突的话
 浏览器优先解析行内样式，原因是因为行内样式的权重比较高，是1000
 
 权重：
  A、什么是权重：就是衡量一个或者一些当前修饰对象的样式指标
  B、不同的css样式，是有权重值的
	1、行内样式的权重是1000
	2、内部样式中的类型选择器（标签选择器）的权重值是0001
	3、class选择器的权重是0010
  C、解析规则1：权重不同的时候，权重大的样式优先解析（高踩低）
  D、解析规则2：权重相同的时候，解析规则是后面书写的css代码优先解析（后来者居上）
 -->